<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE">

    <pm:page title="Mobile">
        <pm:view id="main">
            <pm:header title="#{msg['hello.home.title']}" />
            <pm:content>
                <p:messages autoUpdate="true"/>
                <p:outputPanel style="padding-right: 15px">
                    <h:form>
                        <p:dataList type="inset">
                            <f:facet name="header">#{msg['hello.home.username']}</f:facet>
                            <f:attribute name="icon" value="false" />
                            <h:outputLink value="status.xhtml#status">#{msg['hello.home.status']}</h:outputLink>
                            <h:outputLink value="#cards">#{msg['hello.home.cards']} <h:outputText styleClass="ui-li-count" value="New"/></h:outputLink>
                            <h:outputLink value="#friends">#{msg['hello.home.friends']}<h:outputText styleClass="ui-li-count" value="New"/></h:outputLink>
                            <h:outputLink value="task.xhtml#task">#{msg['hello.home.task']}<h:outputText styleClass="ui-li-count" value="New"/></h:outputLink>
                            <h:outputLink value="#pk">#{msg['hello.home.pk']}<h:outputText styleClass="ui-li-count" value="New"/></h:outputLink>
                        </p:dataList>
                    </h:form>
                </p:outputPanel>

            </pm:content>
        </pm:view>


    </pm:page>


</f:view>